<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>22寸</title>
    <link rel="stylesheet" href="css/reset.css"/>
    <link rel="stylesheet" href="css/inleader.22.css"/>
</head>
<body>
<div id="wrap"><a href="wifi_config.html"><span id="wifi_icon"></span></a>
    <div id="container">
        <div class="col_main">
            <div class="tp">
                <div class="main_slide_box">
                    <div class="slide_container">
                        <div class="main_slide" id="mainpic"></div>
                        <p class="slide_shadow"></p></div>
                </div>
            </div>
            <div class="bt">
                <div class="ad_list">
                    <ul>
                        <li><img id='smallImg1' src='images/button1.jpg'> <s></s></li>
                        <li><img id='smallImg2' src='images/button2.jpg'> <s></s></li>
                        <li><img id='smallImg3' src='images/button3.jpg'> <s></s></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col_sub">
            <div class="logo"></div>
            <div class="auth_code" style="text-align: center"><strong id="code" style="text-align: center"></strong>
            </div>
            <div class="qr_code">
                <dl>
                    <dt><img src="images/qr.png" alt="二维码" id="qr_code"/></dt>
                    <dd class="date_box">
                        <div class="time"><span class="hour">21</span>:<span class="min">00</span></div>
                        <div class="date"><span class="year"></span>/<span class="month"></span>/<span
                                class="day"></span></div>
                    </dd>
                </dl>
            </div>
            <div class="act">
                <div class="act_list">                    <!--使用说明 -->
                    <div class="act_item steps_box" id="steps_box"><h2 class="act_tit">使用说明<span>Instructions</span>
                    </h2>
                        <div class="act_bd">
                            <div class="explain">
                                <dl>
                                    <dt>照片<strong>新玩法</strong></dt>
                                    <dd class="d1"><p>关注上面的微信号</p></dd>
                                    <dd class="d2"><p>发一张照片</p></dd>
                                    <dd class="d3"><p>输入微信验证码</p></dd>
                                    <dd class="d4"><p>马上制作出LOMO照片卡</p></dd>
                                </dl>
                            </div>
                        </div>
                    </div>                    <!--照片预览 -->
                    <div class="act_item view_pic" id="view_pic"><h2 class="act_tit">照片预览<span>Preview</span></h2>
                        <div class="act_bd">
                            <div class="status preview"><p><img src="images/pic_view.png" alt="" id="printingImg"/></p>
                            </div>
                        </div>
                    </div>                    <!--网络异常 -->
                    <div class="act_item networkerror" id="networkerror"><h2 class="act_tit">
                        当前状态<span>Current state</span></h2>
                        <div class="act_bd">
                            <div class="status yc"><p class="status_img"></p>
                                <p class="status_txt">网络异常</p></div>
                        </div>
                    </div>                    <!--打印机异常 -->
                    <div class="act_item dayinerror" id="dayinerror"><h2 class="act_tit">当前状态<span>Current state</span>
                    </h2>
                        <div class="act_bd">
                            <div class="status yc"><p class="status_img"></p>
                                <p class="status_txt">打印机异常</p></div>
                        </div>
                    </div>                    <!--照片传输中 -->
                    <div class="act_item success" id="success"><h2 class="act_tit">当前状态<span>Current state</span></h2>
                        <div class="act_bd">
                            <div class="status post"><p class="status_img"></p>
                                <p class="status_txt">照片传输中</p></div>
                        </div>
                    </div>                    <!--打印成功-->
                    <div class="act_item complete" id="complete"><h2 class="act_tit">当前状态<span>Current state</span></h2>
                        <div class="act_bd">
                            <div class="status success"><p class="status_img"></p>
                                <p class="status_txt">打印成功</p></div>
                        </div>
                    </div>                    <!--验证码获取失败-->
                    <div class="act_item getcodeerror" id="getcodeerror"><h2 class="act_tit">
                        当前状态<span>Current state</span></h2>
                        <div class="act_bd">
                            <div class="status fail"><p class="status_img"></p>
                                <p class="status_txt">验证码获取失败</p></div>
                        </div>
                    </div>                    <!--获取图片超时-->
                    <div class="act_item failure" id="failure"><h2 class="act_tit">当前状态<span>Current state</span></h2>
                        <div class="act_bd">
                            <div class="status fail"><p class="status_img"></p>
                                <p class="status_txt">获取图片超时</p></div>
                        </div>
                    </div>                    <!--获取特殊验证码-->
                    <div class="act_item getSpecialCode" id="getSpecialCode"><h2 class="act_tit">
                        使用说明<span>Instructions</span></h2>
                        <div class="act_bd">
                            <div class="explain">
                                <dl>
                                    <dt>照片<strong>新玩法</strong></dt>
                                    <dd class="d1"><p>关注上面的微信号</p></dd>
                                    <dd class="d2"><p>发一张照片</p></dd>
                                    <dd class="d3"><p>输入微信验证码</p></dd>
                                    <dd class="d4"><p>马上制作出LOMO照片卡</p></dd>
                                </dl>
                            </div>
                        </div>
                    </div>                    <!--设备编号-->                </div>
            </div>
        </div>
        <div class="equ_num" id="clientCode">设备编号：</div>
    </div>
</div>
<script type="text/javascript" src="script/jquery.1.5.2-min.js"></script>
<script type="text/javascript" src="script/inleader.2.js"></script>
<script type="text/javascript" src="script/jquery.processing.plugin.js"></script>
<script type="text/javascript" src="script/main.js"></script>
<script type="text/javascript" src="script/jquery.slide.js"></script>
<script type="text/javascript">var t2 = "#####";
$(function () {
    $(".slide_container").PicPlay({pic: ".main_slide", type: 3});
})</script>
</body>
</html>